<template>
  <div class="notFound">
    <img src="@/assets/images/notFound.png" />
    <div class="notFound-result">
      <el-result icon="error" title="404错误！" sub-title="找不到网页！">
        <template #extra>
          <div class="notFound-text">
            对不起，您正在寻找的页面不存在。尝试检查URL的错误，然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容。
          </div>
          <el-button type="primary">Back</el-button>
        </template>
      </el-result>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped>
.notFound {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  .notFound-result {
    width: 300px;
    height: 300px;
    padding: 20px;
    .notFound-text {
      margin: 10px 0;
    }
  }
  img {
    width: 500px;
    padding: 20px;
  }
}
</style>
